<template>
  <card-panel>
    <div class="real-data">
      <div class="only-warning margin-bottom-20">
        <el-checkbox v-model="onlyAlarm" />
        <i class="dot margin-left-5 margin-right-5"></i>仅显示报警数据
      </div>
      <el-table-block2 :column="column" :data="rows" border />
    </div>
  </card-panel>
</template>

<script>
export default {
  name: 'RealData',
  data() {
    return {
      onlyAlarm: false,
      column: [
        {
          label: '日期',
          prop: 'date',
          align: 'center'
        },
        {
          label: '名称',
          prop: 'name',
          align: 'center'
        },
        {
          label: '地址',
          prop: 'address',
          align: 'center'
        },
        {
          label: '操作人',
          prop: 'name',
          align: 'center'
        }
      ],
      rows: Array.from({ length: 5 }, () => ({
        date: '2020-05-02',
        name: '韩小寒',
        address: '陕西省西安市高新区汇鑫IBC'
      }))
    }
  }
}
</script>

<style lang="scss" scoped>
.only-warning {
  color: #348ecd;
}

.real-data {
  width: 100%;
  height: 100%;
}
</style>
